<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>故障检测与诊断-v1.0</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/loader-style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/js/iCheck/flat/all.css" >
    <link rel="stylesheet" href="assets/js/iCheck/line/all.css" >
    <link rel="stylesheet" href="assets/js/validate/validate.css" >
    <link rel="stylesheet" href="assets/js/idealform/css/jquery.idealforms.css" >
    <link rel="stylesheet" href="assets/js/dataTable/lib/jquery.dataTables/css/DT_bootstrap.css">
    <link rel="stylesheet" href="assets/js/dataTable/css/datatables.responsive.css">
    <link rel="stylesheet" href="plugins/footable/css/footable.bootstrap.css">
    <link rel="stylesheet" href="plugins/footable/css/footable.bootstrap.min.css">
    <link rel="stylesheet" href="assets/js/footable/css/footable.standalone.css">
    <link rel="stylesheet" href="assets/js/footable/css/footable-demos.css">
    <link rel="stylesheet" href="assets/js/footable/css/footable-demos.css" > 
	<link rel="stylesheet" href="css/custom.css" > 
    <link rel="shortcut icon" href="assets/ico/minus.png">
    
	<link href="css/datepicker3.css" rel="stylesheet">
	<link href="css/styles.css" rel="stylesheet">
</head>

<body>
 	<!-- Preloader -->
    <div id="preloader">
        <div id="status">&nbsp;</div>
    </div>
    <header>
	    <script type="text/javascript" src="common/public/header.js"></script>
	    <!-- /END OF TOP NAVBAR -->
	</header>
	<!-- TOP NAVBAR -->
	
	<section>
	    <!-- SIDE MENU -->
	    <script type="text/javascript" src="common/public/slider.js"></script>
	    <!-- END OF SIDE MENU -->
	</section>


<section>
    <!--  PAPER WRAP -->
    <div class="wrap-fluid">
        <div class="container-fluid paper-wrap bevel tlbr">

            <!-- CONTENT -->
            <!--TITLE -->
            <div class="row">
                <div id="paper-top">
                    <div class="col-sm-3">
                        <h2 class="tittle-content-header">
                            <span class="entypo-menu"></span>
                            <span>规则</span>
                        </h2>

                    </div>
                    <div class="col-sm-7">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="tittle-middle-header">
                      </div>

                    </div>
                    <div class="col-sm-2">
                        <div class="devider-vertical visible-lg"></div>
                      </div>
                </div>
            </div>
            <!--/ TITLE -->

            <!-- BREADCRUMB -->
            <!-- lxk导航栏 -->
            <ul id="breadcrumb">
                <li>
                    <span class="entypo-home"></span>
                </li>
                <li><i class="fa fa-lg fa-angle-right"></i>
                </li>
                <li><a href="#" title="Sample page 1">检测</a>
                </li>
                <li><i class="fa fa-lg fa-angle-right"></i>
                </li>
                <li><a href="#" title="Sample page 1">规则检测</a>
                </li>
                <li><i class="fa fa-lg fa-angle-right"></i>
                </li>
                <li><a href="#" title="Sample page 1">规则信息展示</a>
                </li>
            </ul>

            <!-- END OF BREADCRUMB -->


            <div class="content-wrap">
                <div class="row-fluid">
                        <div class="nest" id="elementClose">
                        <!-- 条 -->
                            <div class="title-alt">
                            	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
	                               <h6>规则信息展示</h6>
	                                <div class="titleClose">
	                                    <a class="gone" href="#FootableClose">
	                                        <span class="entypo-cancel"></span>
	                                    </a>
	                                </div>
	                                <div class="titleToggle">
	                                    <a class="nav-toggle-alt" href="#Footable">
	                                        <span class="entypo-up-open"></span>
	                                    </a>
	                                </div>
	                             </div>

                            </div>
							
							
			               	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">	
                               <div class="nest"
                             		style="margin:0 auto; width:100%; height:100%; min-height:600px; border:1px solid white">
                         			<!-- table_name -->
		                            <div>
		                                <h4 align="center">规则信息表</h4>
		                            </div>
		                            <div class="table table-responsive" style="width:100%; margin:0 auto;">
			                           	   <table  id="rule_show" class="table table-striped table-hover table-responsive" 
			                           	   		data-filtering="true" data-paging="true">
			                                 	<thead>
					                                   <tr><!-- style="visibility:hidden" -->
					                                   	   <th style="visibility:hidden">Id</th>
						                                   <th>规则名称</th>
						                                   <th>表达式</th>
						                                   <th>描述</th>
						                                   <th>程度</th>
						                                   <!-- <th>启用</th> -->
						                                   <th>删除</th>
					                                   </tr>
			                                    </thead>
			                                    <tbody id="rule_body"></tbody>
			                                    
			                               </table>
                            		</div>
                               </div>
                            
                            </div>
                		</div>
           		</div>
           	</div>


            <!-- /END OF CONTENT -->

<!-- 进程搜索模块 -->

            <!-- 进程搜索模块结束 -->

            <!-- FOOTER -->
            <div class="footer-space"></div>
            <div id="footer">
                
            </div>
            <!-- / END OF FOOTER -->
        </div>
    </div>
    <!--  END OF PAPER WRAP -->
</section>
	
	 <!-- Le styles -->
    <script type="text/javascript" src="assets/js/jquery.js"></script>
    <script type="text/javascript" src="assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="assets/js/iCheck/jquery.icheck.js"></script>
    <script type="text/javascript" src="assets/js/switch/bootstrap-switch.js"></script>
   
    <!-- MAIN EFFECT -->
    <script type="text/javascript" src="assets/js/preloader.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap.js"></script>
    <script type="text/javascript" src="assets/js/app.js"></script>
    <script type="text/javascript" src="assets/js/load.js"></script>
    <script type="text/javascript" src="assets/js/main.js"></script>
    
    <!--footable相关的js  -->
    <script type="text/javascript" src="plugins/footable/3.1.6/footable.min.js"></script>
	<script type="text/javascript" src="plugins/footable/3.1.6/footable.js"></script>
	
	<!-- 获取后台数据相关的编写的JS -->
    <script type="text/javascript" src="common/rule/ruleShow.js"></script>

</body>

</html>
